<template>
  <el-dialog class="swperLog" title="安徽德拓信息科技有限公司北京分公司" :visible.sync="dialogVisible" width="900px">

    <div class="View">
      <h2 class="cerInfo_title">分支机构基本信息</h2>
      <ul class="cerInfo_list clearfix">
        <li>
          <label>隶属行政区域</label>
          <span>北京市-市辖区</span>
        </li>
        <li>
          <label>分支机构类型</label>
          <span>办事处</span>
        </li>
        <li>
          <label>分支机构名称</label>
          <span>阿萨吗北京分公司</span>
        </li>
        <li>
          <label>统一社会信用代码</label>
          <span>91021255650012200</span>
        </li>
        <li>
          <label>成立时间</label>
          <span>2016-12-02</span>
        </li>
        <li>
          <label>办公地址</label>
          <span>安徽省合肥市蜀山区创新大道1800号</span>
        </li>
      </ul>

      <h2 class="cerInfo_title" style="margin-bottom: 13px">分支机构负责人</h2>
      <p class="cerInfo_person"><span>王强</span>340822198412011212</p>
      <ul class="cerInfo_list clearfix" style="margin-bottom: 0">
        <li>
          <label>最高学历</label>
          <span>--</span>
        </li>
        <li>
          <label>移动电话</label>
          <span>--</span>
        </li>
        <li>
          <label>职称</label>
          <span>--</span>
        </li>
        <li>
          <label>固定电话</label>
          <span>--</span>
        </li>
        <li>
          <label>专业</label>
          <span>--</span>
        </li>
        <li class="wew">
          <label>电子邮箱</label>
          <span>--</span>
        </li>
      </ul>
    </div>



  </el-dialog>
</template>

<script>
export default {
  name: "swipedLog",

  data: function() {
    return {
      dialogVisible: false,
      // 组件间传递的数据
      props:{
        dialogList:{}
      }
    };
  },
  methods: {
    //打开弹出框
    dialogOpen() {
      this.dialogVisible = true;
    },
    //关闭弹出框
    // dialogClose() {
    //   this.dialogVisible = false;
    // }
  }
};
</script>

<style lang="less" scoped>
#app{
  .swperLog{
    /deep/ .el-dialog .el-dialog__body{
      height: 370px;
      padding:25px 30px 0 30px;
    }
  }
  .cerInfo_list li:nth-child(2n) label{
    width: 150px;
  }
}
</style>
